<template>
  <div id="app">
    <el-backtop>
      <i class="el-icon-caret-top" />
    </el-backtop>
    <transition name="el-fade-in-linear">
      <router-view class="transitionBody" />
    </transition>
  </div>
</template>

<script>

export default {
  name: 'App',
}
</script>

<style>
.transitionBody{
  transition: all 0.4s ease-out;
}
::-webkit-scrollbar {
  width: 6px;
}
   ::-webkit-scrollbar-track {
     background: rgb(239, 239, 239);
     border-radius: 2px;
   }
   ::-webkit-scrollbar-thumb {
     background: #40a0ff49;
     border-radius: 10px;
   }
::-webkit-scrollbar-thumb:hover {
  background: #40a0ff;
}
html {
  overflow-y: scroll;
}
*{
  margin: 0;
}
</style>
